<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="Styles.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	 
		$(document).ready(function(){
			$("#top").hide();
			$(".loginForm").hide();
			$(".regDiv").hide();

			
			$("#top").fadeIn("slow");
			
			$(".login").click(function () {
			$(".login, .register, .separator").hide()
			$(".loginForm").fadeIn("slow");
			});
			
			$(".searchBtn").click(function() {
			
			});
			
			$(".register").click(function() {
			
				$(".regDiv").fadeIn("slow");
			});	
			
		});

	 
	</script>
<title>2view.be</title>
</head>

<body>
<div id="center">
<div id="left"></div>
<div id="mid">
	<div id="top">
		<div id="logo"></div>
		<div id="loginDiv">
        <form method="POST" action="login.php" class="loginForm">
        <table>
        <tr>
        <td style="width:70px;">
  		Username:</td><td> <input type="text" name="txtUserId" size="15" /></td></tr><tr>
        <td style="width:70px;">
  		Password:</td><td> <input type="password" name="txtPassword" size="15" /></td>
        </tr>
        </table>
  		<div align="center">
    		<p><input type="submit" value="Login" /></p>
  		</div>
		</form>
        
        <span class="login">Log in</span> <span class="separator"> | </span><span class="register">Register</span></div>
    </div>
    <div id="ruler"> <br/><br/> <span class="home"> Home  | </span><span class="explore"> Explore  | </span><span class="asearch"> Advanced Search</span><form method="POST" action="" class="searchForm"><input type="text" name="txtSearch" size="25" id="txtSearch" /><input type="image" src="images/search.png" class="searchBtn"/></form></div>
    
    <div id="content">
    
    	    
    	<div class="regDiv" style="margin:100px">
    	
    	<table>
    	
    	<tr><td style="width: 289px">
    	
    	<form method="post" action="" class="registerForm">
    	
    	<table>
    	<tr><td><p>Username:</p></td><td><input type="text" name="txtUserId" size="15"/></td></tr>
    	<tr><td><p>First Name:</p></td><td><input type="text" name="txtUserId" size="15"/></td></tr>
		<tr><td><p>Last Name:</p></td><td><input type="text" name="txtUserId" size="15"/></td></tr>
    	<tr><td><p>Password:</p></td><td><input type="text" name="txtUserId" size="15"/></td></tr>
		<tr><td><p>Confirm Password:</p></td><td><input type="text" name="txtUserId" size="15"/></td></tr>
    	<tr><td><p>Phone:</p></td><td><input type="text" name="txtUserId" size="15"/></td></tr>
		</table>
		<p><input type="submit" value="Submit"/></p>
		
    	</form>
    	</td>
    	&nbsp;
    	<td style="height:300px;width:200px;">
     	
        <div class="regInfo" style="border-style:solid;border-width:thin;border-color:black;background-color:#E5F3FF">
    	Thanks for willing to register<br />
		at 2view.be!<br />
		<br />
		Fill in the form and press submit.<br />
		Your request will be handled by one of our moderators as soon as 
		possible.<br />
		<br />
		All fields are required, with the exception of your phone number.<br />
    	</div>
    	</td></tr>
    	</table>
    	
    	</div>
    
    </div>
    
</div>
<div id="right"></div>
</div>
</body>
</html>
